<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <div id="anony-nav-banner" style="clear: both;overflow: hidden;background-color:#EDF4EC;margin-bottom: 30px;margin-top: -30px">
        <h1 id="douban-logo" style="height: 20px;width: 102px;margin: 7px;background-size: contain">
            <a href="#" style="height: 20px;">豆瓣</a>
        </h1>

    </div>
    <div id="anony-nav">
        <div class="anony-nav-links">
            <ul>
                <li><a href="" class="lnk-book" target="_blank">豆瓣读书</a></li>
                <li><a href="" class="lnk-movie" target="_blank">豆瓣电影</a></li>
                <li><a href="" class="lnk-music" target="_blank">豆瓣音乐</a></li>
                <li><a href="" class="lnk-events" target="_blank">豆瓣同城</a></li>
                <li><a href="" class="lnk-group" target="_blank">豆瓣小组</a></li>
                <li><a href="" class="lnk-read" target="_blank">豆瓣阅读</a></li>
                <li><a href="" class="lnk-fm" target="_blank">豆瓣FM</a></li>
                <li><a href="" class="lnk-shijian" target="_blank">豆瓣时间</a></li>
                <li><a href="" class="lnk-market" target="_blank">豆瓣豆品</a></li>
            </ul>
        </div>

        <div class="site-name" title="豆瓣网" style="display: inline-block; line-height: 24px; height: 24px;margin-top: 4px;margin-right: 24px;width: 73px;
                background-image: url(https://img3.doubanio.com/f/sns/714b8751a533ef592bea5cd4603dbb9e713ded61/pics/sns/sitename.png);background-size: contain;background-repeat: no-repeat;text-indent: -999em;">
            豆瓣网</div>
        <div class="anony-srh">
            <form action="https://www.douban.com/search" method="get">
                <span class="inp">
                    <input type="text" maxlength="60" size="12" placeholder="书籍、电影、音乐、小组、小站、成员" name="q" autocomplete="off">
                </span>
                <span class="bn">
                    <input type="submit" value="搜索">
                </span>
            </form>
        </div>

    </div>
    <div id="anony-sns" class="section">
        <div class="wrapper">
            <div id="dale_anonymous_homepage_top_for_crazy_ad" ad-staus="loaded"></div>
            <div class="side">
                <div style="margin:10px 0px;">
                    <div id="dale_anonymous_homepage_right_top" ad-staus="appended" data-sell-type="COMPLEMENT" data-version="3.2.32">
                        <div style="position: relative;margin: 0px 0px 20px;display: block;width:250px;height:125px;overflow:hidden">
                            <iframe src="https://ad.doubanio.com" sandbox="allow-forms allow-scripts allow-same-origin allow-top-navigation-by-user-activation" 
                                safe-mode="custom" width="250" height="125" frameborder="0" scrolling="no" name="dale_anonymous_homepage-_right_top_frame" id="dale_anonymous_homepage_right_top_frame" style="overflow: hidden; display:block;">

                            </iframe>
                            <div style="line-height: 1;text-align:center;background-color:rgba(0, 0, 0, 0.3);font-size: 12px;position: absolute;right: 0px;bottom: 0px;padding: 4px;color: rgba(255, 255, 255, 255);">
                                广告
                            </div>
                        </div>
                    </div>
                </div>
                <div class="online">
                    <ul>
                        <div class="mod">
                            <h2>
                                热门话题 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                                <span class="pl">
                                    &nbsp;(
                                        <a href="/gallery/" target="_self">去话题广场</a>
                                    )
                                </span>
                            </h2>
                            <ul>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">豆瓣毕业季不露脸演奏会</a>
                                    <span class="rec_topics_subtitle">481.9万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">在都市里散步才是正经事</a>
                                    <span class="rec_topics_subtitle">49.0万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">回想高考后的漫漫长假</a>
                                    <span class="rec_topics_subtitle">60.3万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">我的梅雨季“防御”指南</a>
                                    <span class="rec_topics_subtitle">15.1万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">报刊亭里的阅读记忆</a>
                                    <span class="rec_topics_subtitle">1.3万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">结婚后的心理感受</a>
                                    <span class="rec_topics_subtitle">2721.5万次浏览</span>
                                </li>
                            </ul> 
                        </div>
                        <li>
                            <div id="dale_homepage_online_activity_promo_1" ad-status="loaded"></div>
                        </li>
                        <li>
                            <div id="dale_anonymous_homepage_doublemint" ad-status="loaded"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main">
                <h2>
                    热点内容 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="https://www.douban.com/explore/" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <div class="albums">
                    <ul>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img9.doubanio.com/view/photo/albumcover/public/p2460567826.webp" data-origin="https://img9.doubanio.com/view/photo/albumcover/public/p2460567826.webp" alt="">
                                </a>
                            </div>
                            <a href="#">路过的路</a>
                            <span class="num">170张照片</span>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img3.doubanio.com/view/photo/albumcover/public/p2433358700.webp" data-origin="https://img3.doubanio.com/view/photo/albumcover/public/p2433358700.webp" alt="">
                                </a>
                            </div>
                            <a href="#">練習簿 | sketchbook</a>
                            <span class="num">30张照片</span>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img1.doubanio.com/view/photo/albumcover/public/p2635061707.webp" data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2635061707.webp" alt="">
                                </a>
                            </div>
                            <a href="#">维特根斯坦小剧场</a>
                            <span class="num">36张照片</span>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img1.doubanio.com/view/photo/albumcover/public/p2237402677.webp
                                    " data-origin="https://img1.doubanio.com/view/photo/albumcover/public/p2237402677.webp
                                    " alt="">
                                </a>
                            </div>
                            <a href="#">2014-2015水彩</a>
                            <span class="num">73张照片</span>
                        </li>
                    </ul>
                </div>
                <div class="notes">
                    <ul>
                        <li class="first">
                            <div class="title">
                                <a href="#">两个月108公里,业余游泳爱好者路在何方</a>
                                <div class="author">是二进制了w的日记</div>   
                            </div>
                            <p>不知不觉计划已过半。 刚好跟小伙伴们讨论到Anna Kiesenhofer,那位自己把自己训练成奥运冠军的30岁数学博士。我:“想知道她是怎么练的,我也没教练没...</p>
                        </li>
                        <li>
                            <a href="#">男友为我过生日没花一分钱，该不该分手？</a>
                        </li>
                        <li>
                            <a href="#">媒介蒙太奇 之 观看奥运</a>
                        </li>
                        <li>
                            <a href="#">一名平凡读者的买书总结</a>
                        </li>
                        <li>
                            <a href="#">论家庭关系里好好说话的重要性</a>
                        </li>
                        <li>
                            <a href="#">根据真实案件改编的悬疑小说：死去的人，真的会为了复仇而活过来吗？</a>
                        </li>
                        <li>
                            <a href="#">叶芝和他的拜占庭诗篇</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div id="anony-time" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="#">豆瓣时间</a>
                </h2>
            </div>
            <div class="side"></div>
            <div class="main">
                <h2>
                    热门专栏 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="#" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <ul class="time-list">
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img1.doubanio.com/dae/niffler/niffler/images/dc267df6-ec94-11ec-a6fa-9ee8f5a04599.jpg" alt="艺术的诞生——极简西方艺术史60讲">
                        <a href="#" class="title" target="_blank">艺术的诞生——极简西方艺术史60讲</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="	https://img9.doubanio.com/dae/niffler/niffler/images/16be2bd6-e7bc-11ec-bb94-862b2ed17075.jpg" alt="在故宫发现中国之美——5位故宫专家带你走近珍藏国宝">
                        <a href="#" class="title" target="_blank">在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</a>
                        <span class="type"></span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img9.doubanio.com/dae/niffler/niffler/images/1d50efcc-d5a3-11ec-8b98-a6fbb9a70695.jpg" alt="睡个好觉——21天彻底干掉失眠">
                        <a href="#" class="title" target="_blank">睡个好觉——21天彻底干掉失眠</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img1.doubanio.com/dae/niffler/niffler/images/bc254a50-bf94-11ec-992c-0e3e4c2c2b39.jpg" alt="文学的甜头——如何成为一个真正的好读者">
                        <a href="#" class="title" target="_blank">文学的甜头——如何成为一个真正的好读者</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="	https://img9.doubanio.com/dae/niffler/niffler/images/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="穿越文学经典——复旦梁永安的爱情课">
                        <a href="#" class="title" target="_blank">穿越文学经典——复旦梁永安的爱情课</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img1.doubanio.com/dae/niffler/niffler/images/29d43aca-aa19-11ec-b7b9-6e1cf12a503b.jpg" alt="走出单一思维的陷阱——人类学思维18讲">
                        <a href="#" class="title" target="_blank">走出单一思维的陷阱——人类学思维18讲</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img9.doubanio.com/dae/niffler/niffler/images/d57929fa-cd03-11ec-9bc1-42785b44c964.jpg" alt="清华韩秀云——只讲你关心的经济学">
                        <a href="#" class="title" target="_blank">清华韩秀云——只讲你关心的经济学</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="	https://img1.doubanio.com/dae/niffler/niffler/images/70381070-c479-11ec-92ee-76fc724b2eda.jpg" alt="重返思想的变迁时代——中国哲学16讲">
                        <a href="#" class="title" target="_blank">重返思想的变迁时代——中国哲学16讲</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="	https://img1.doubanio.com/dae/niffler/niffler/images/2c714636-c0e3-11ea-be04-ca23268eb119.jpg" alt="复旦沈奕斐的社会学爱情思维课">
                        <a href="#" class="title" target="_blank">复旦沈奕斐的社会学爱情思维课</a>
                        <span class="type">音乐专栏</span>
                    </li>
                    <li>
                        <a href="#" class="cover time-audio new" target="_blank"></a>
                        <img src="https://img2.doubanio.com/dae/niffler/niffler/images/e29fb614-437c-11ec-853f-b663aba7ef1e.jpg" alt="和思想家一起漫步——20世纪留给我们的10种远见">
                        <a href="#" class="title" target="_blank">和思想家一起漫步——20世纪留给我们的10种远见</a>
                        <span class="type">音乐专栏</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="anony-movie" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="#">电影</a>
                </h2>
                <div class="side-links nav-anon">
                    <ul>
                        <li>
                            <a href="#">影讯&购票</a>
                        </li>
                        <li class="side-nav-bt">
                            <a href="#">选电影</a>
                            <img src="https://www.douban.com/pics/new_menu.gif" style="top: -5px;position:relative;">
                        </li>
                        <li>
                            <a href="#">电视剧</a>
                        </li>
                        <li>
                            <a href="#">排行榜</a>
                        </li>
                        <li>
                            <a href="#">分类</a>
                        </li>
                        <li>
                            <a href="#">影评</a>
                        </li>
                        <li class="site-nav-bt">
                            <a href="#">预告片</a>
                        </li>
                        <li>
                            <a href="#">问答</a>
                        </li>
                    </ul>
                </div>
                <div class="apps-list">
                    <ul></ul>
                </div>

            </div>
            <div class="side">
                <div class="mod">
                    <h2>
                        影片分类 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_blank">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="tags list">
                        <ul>
                            <li><a href="#">爱情</a></li>
                            <li><a href="#">剧情</a></li>
                            <li><a href="#">喜剧</a></li>
                            <li><a href="#">悬疑</a></li>
                            <li><a href="#">经典</a></li>
                            <li><a href="#">动画</a></li>
                            <li><a href="#">科幻</a></li>
                            <li><a href="#">犯罪</a></li>
                            <li><a href="#">动作</a></li>
                            <li><a href="#">青春</a></li>
                            <li><a href="#">搞笑</a></li>
                            <li><a href="#">文艺</a></li>
                            <li><a href="#">惊悚</a></li>
                            <li><a href="#">励志</a></li>
                            <li><a href="#">纪录片</a></li>
                            <li><a href="#">黑色幽默</a></li>
                            <li><a href="#">战争</a></li>
                            <li><a href="#">家庭</a></li>
                            <li><a href="#">美国</a></li>
                            <li><a href="#">日本</a></li>
                            <li><a href="#">香港</a></li>
                            <li><a href="#">中国大陆</a></li>
                            <li><a href="#">韩国</a></li>
                            <li><a href="#">中国</a></li>
                            <li><a href="#">英国</a></li>
                            <li><a href="#">法国</a></li>
                            <li><a href="#">台湾</a></li>
                            <li><a href="#">印度</a></li>
                            
                        </ul>
                    </div>
                </div>
                <div class="mod">
                    <h2>
                        近期热门 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_blank">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="list1 movie-charts">
                        <ol>
                            <li><a href="#">天才不能承受之重</a></li>
                            <li><a href="#">目中无人</a></li>
                            <li><a href="#">瞬息全宇宙</a></li>
                            <li><a href="#">必胜球探</a></li>
                            <li><a href="#">小说家的电影</a></li>
                            <li><a href="#">行骗天下JP: 英雄篇</a></li>
                            <li><a href="#">山村狐妻/a></li>
                            <li><a href="#">甘古拜·卡蒂娅瓦迪</a></li>
                            <li><a href="#">暗夜博士：莫比亚斯</a></li>
                            <li><a href="#">当我望向你的时候</a></li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="main">
                <h2>
                    正在热映 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="#" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <div class="movie-list list">
                    <ul>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873135507.webp" 
                                    data-origin="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873135507.webp" 
                                    alt="侏罗纪世界3">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">侏罗纪世界3</a>
                            </div>
                            <div class="rating">
                                <span class="allstar35"></span>
                                <i>6.3</i>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="	https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873885713.webp" data-origin="	https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873885713.webp" alt="天才计划">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">天才计划</a>
                            </div>
                            <div class="rating">
                                <span class="allstar35"></span>
                                <i>7.1</i>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874372955.webp" 
                                    data-origin="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874372955.webp" 
                                    alt="云霄之上">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">云霄之上</a>
                            </div>
                            <div class="rating">
                                <span class="txt-tip">暂无评分</span>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="	https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2871809800.webp" data-origin="	https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2871809800.webp" alt="唐顿庄园2">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">唐顿庄园2</a>
                            </div>
                            <div class="rating">
                                <span class="allstar45"></span>
                                <i>8.3</i>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873970594.webp
                                    " data-origin="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873970594.webp
                                    " alt="暗恋·橘生淮南">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">暗恋·橘生淮南</a>
                            </div>
                            <div class="rating">
                                <span class="allstar25"></span>
                                <i>4.6</i>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873276186.webp" 
                                    data-origin="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873276186.webp" 
                                    alt="镜世界">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">镜世界</a>
                            </div>
                            <div class="rating">
                                <span class="txt-tip">暂无评分</span>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870318303.webp" 
                                    data-origin="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870318303.webp" 
                                    alt="坏蛋联盟">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">坏蛋联盟</a>
                            </div>
                            <div class="rating">
                                <span class="allstar40"></span>
                                <i>7.3</i>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874164804.webp" 
                                    data-origin="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874164804.webp" 
                                    alt="遇见你之后">
                                </a>
                            </div>
                            <div class="title">
                                <a href="#">遇见你之后</a>
                            </div>
                            <div class="rating">
                                <span class="txt-tip">暂无评分</span>
                            </div>
                            <a href="#" class="bn-link bn-ticket">选座购票</a>
                        </li>
                    </ul>
                </div>
            </div>
            
        </div>
        <div id="dale_anonymous_homepage_movie_bottom" class="extra" ad-status="loaded"></div>
    </div>
    <div id="anony-group" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="#">小组</a>
                </h2>
                <div class="side-links nav-anon">
                    <ul>
                        <li>
                            <a href="#">精选</a>
                        </li>
                        <li>
                            <a href="#">文化</a>
                        </li>
                        <li>
                            <a href="#">行摄</a>
                        </li>
                        <li>
                            <a href="#">娱乐</a>
                        </li>
                        <li>
                            <a href="#">时尚</a>
                        </li>
                        <li>
                            <a href="#">生活</a>
                        </li>
                        <li>
                            <a href="#">科技</a>
                        </li>
                    </ul>
                </div>
                <div class="apps-list">
                    <ul></ul>
                </div>
            </div>
            <div class="side">
                <div class="mod">
                    <h2>
                        小组分类 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    </h2>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">兴趣» </a>
                            </li>
                            <li>
                                <a href="#">旅行</a>
                            </li>
                            <li>
                                <a href="#">摄影</a>
                            </li>
                            <li>
                                <a href="#">影视</a>
                            </li>
                            <li>
                                <a href="#">音乐</a>
                            </li>
                            <li>
                                <a href="#">文学</a>
                            </li>
                            <li>
                                <a href="#">游戏</a>
                            </li>
                            <li>
                                <a href="#">动漫</a>
                            </li>
                            <li>
                                <a href="#">运动</a>
                            </li>
                            <li>
                                <a href="#">戏曲</a>
                            </li>
                            <li>
                                <a href="#">桌游</a>
                            </li>
                            <li>
                                <a href="#">怪癖</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">生活» </a>
                            </li>
                            <li>
                                <a href="#">健康</a>
                            </li>
                            <li>
                                <a href="#">宠物</a>
                            </li>
                            <li>
                                <a href="#">美容</a>
                            </li>
                            <li>
                                <a href="#">化妆</a>
                            </li>
                            <li>
                                <a href="#">护肤</a>
                            </li>
                            <li>
                                <a href="#">服饰</a>
                            </li>
                            <li>
                                <a href="#">公益</a>
                            </li>
                            <li>
                                <a href="#">家庭</a>
                            </li>
                            <li>
                                <a href="#">育儿</a>
                            </li>
                            <li>
                                <a href="#">汽车</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">购物»</a>
                            </li>
                            <li>
                                <a href="#">淘宝</a>
                            </li>
                            <li>
                                <a href="#">二手</a>
                            </li>
                            <li>
                                <a href="#">团购</a>
                            </li>
                            <li>
                                <a href="#">数码</a>
                            </li>
                            <li>
                                <a href="#">品牌</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">社会»</a>
                            </li>
                            <li>
                                <a href="#">求职</a>
                            </li>
                            <li>
                                <a href="#">租房</a>
                            </li>
                            <li>
                                <a href="#">励志</a>
                            </li>
                            <li>
                                <a href="#">留学</a>
                            </li>
                            <li>
                                <a href="#">出国</a>
                            </li>
                            <li>
                                <a href="#">理财</a>
                            </li>
                            <li>
                                <a href="#">传媒</a>
                            </li>
                            <li>
                                <a href="#">创业</a>
                            </li>
                            <li>
                                <a href="#">考试</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">艺术»</a>
                            </li>
                            <li>
                                <a href="#">设计</a>
                            </li>
                            <li>
                                <a href="#">手工</a>
                            </li>
                            <li>
                                <a href="#">展览</a>
                            </li>
                            <li>
                                <a href="#">曲艺</a>
                            </li>
                            <li>
                                <a href="#">舞蹈</a>
                            </li>
                            <li>
                                <a href="#">雕塑</a>
                            </li>
                            <li>
                                <a href="#">纹身</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">学术»</a>
                            </li>
                            <li>
                                <a href="#">人文</a>
                            </li>
                            <li>
                                <a href="#">社科</a>
                            </li>
                            <li>
                                <a href="#">自然</a>
                            </li>
                            <li>
                                <a href="#">建筑</a>
                            </li>
                            <li>
                                <a href="#">国学</a>
                            </li>
                            <li>
                                <a href="#">语言</a>
                            </li>
                            <li>
                                <a href="#">宗教</a>
                            </li>
                            <li>
                                <a href="#">哲学</a>
                            </li>
                            <li>
                                <a href="#">软件</a>
                            </li>
                            <li>
                                <a href="#">硬件</a>
                            </li>
                            <li>
                                <a href="#">互联网</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">情感»</a>
                            </li>
                            <li>
                                <a href="#">恋爱</a>
                            </li>
                            <li>
                                <a href="#">心情</a>
                            </li>
                            <li>
                                <a href="#">心理学</a>
                            </li>
                            <li>
                                <a href="#">星座</a>
                            </li>
                            <li>
                                <a href="#">塔罗</a>
                            </li>
                            <li>
                                <a href="#">LES</a>
                            </li>
                            <li>
                                <a href="#">GAY</a>
                            </li>
                        </ul>
                    </div>
                    <div class="cate group-cate">
                        <ul>
                            <li class="cate-label">
                                <a href="#">闲聊»</a>
                            </li>
                            <li>
                                <a href="#">吐槽</a>
                            </li>
                            <li>
                                <a href="#">笑话</a>
                            </li>
                            <li>
                                <a href="#">直播</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="main">
                <h2>
                    热门小组 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="#" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <div class="group-list list">
                    <ul>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.webp" 
                                        data-origin="https://img2.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="https://www.douban.com/group/echofans/">我爱三毛</a>
                                    
                                </div>
                                48517 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img3.doubanio.com/view/group/sqxs/public/063bb07a807a340.webp" 
                                        data-origin="https://img3.doubanio.com/view/group/sqxs/public/063bb07a807a340.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">沙发客</a>
                                    
                                </div>
                                22707 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img1.doubanio.com/view/group/sqxs/public/68b08f0f3595407.webp" 
                                        data-origin="https://img1.doubanio.com/view/group/sqxs/public/68b08f0f3595407.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">刘慈欣</a>
                                    
                                </div>
                                32569 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/view/group/sqxs/public/8f11b2285655782.webp" 
                                        data-origin="https://img2.doubanio.com/view/group/sqxs/public/8f11b2285655782.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">西双版纳</a>
                                    
                                </div>
                                12890 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img1.doubanio.com/view/group/sqxs/public/17fdb616ff143d8.webp" 
                                        data-origin="https://img1.doubanio.com/view/group/sqxs/public/17fdb616ff143d8.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">记事本圆梦小组</a>
                                    
                                </div>
                                117595 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/view/group/sqxs/public/2e49d167d4322c2.webp" 
                                        data-origin="https://img2.doubanio.com/view/group/sqxs/public/2e49d167d4322c2.webp" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">这辈子一定要做几件疯狂的事</a>
                                    
                                </div>
                                93258 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/icon/g109498-1.jpg" 
                                        data-origin="https://img2.doubanio.com/icon/g109498-1.jpg" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">自己给自己剪头发</a>
                                    
                                </div>
                                36471 个成员
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="https://img2.doubanio.com/icon/g83759-2.jpg" 
                                        data-origin="https://img2.doubanio.com/icon/g83759-2.jpg" 
                                        alt width="48">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">我们就是要做衣服给自己看</a>
                                    
                                </div>
                                3630 个成员
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="anony-book" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <div class="mod">
                    <h2 class="section-title">
                        <a href="#">读书</a>
                    </h2>
                    <div class="side-links nav-anon">
                        <ul>
                            <li>
                                <a href="#">浏览分类</a>
                            </li>
                            <li>
                                <a href="#" target="_blank">阅读</a>
                                <img style="top: 4px;position: absolute;" src="https://www.douban.com/pics/new_menu.gif" >
                            </li>
                            <li>
                                <a href="#">作者</a>
                            </li>
                            <li>
                                <a href="#">书评</a>
                            </li>
                            <li class="site-nav-prom">
                                <a class="lnk-buy" href="#">
                                    <em>购书单</em>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="apps-list">
                    <ul>
                        <li>
                            <a href="#" class="lnk-icon">
                                <i class="apps-icon apps-icon-read"></i>
                            </a>
                            <a href="#">豆瓣阅读</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="side">
                <div class="mod">
                    <h2>
                        热门标签 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_self">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="book-cate-mod">
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[文学]</li>
                                <li><a href="#">小说</a></li>
                                <li><a href="#">随笔</a></li>
                                <li><a href="#">日本文学</a></li>
                                <li><a href="#">散文</a></li>
                                <li><a href="#">诗歌</a></li>
                                <li><a href="#">童话</a></li>
                                <li><a href="#">名著</a></li>
                                <li><a href="#">港台</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[流行]</li>
                                <li><a href="#">漫画</a></li>
                                <li><a href="#">推理</a></li>
                                <li><a href="#">绘本</a></li>
                                <li><a href="#">科幻</a></li>
                                <li><a href="#">青春</a></li>
                                <li><a href="#">言情</a></li>
                                <li><a href="#">奇幻</a></li>
                                <li><a href="#">武侠</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[文化]</li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">哲学</a></li>
                                <li><a href="#">传记</a></li>
                                <li><a href="#">设计</a></li>
                                <li><a href="#">电影</a></li>
                                <li><a href="#">建筑</a></li>
                                <li><a href="#">回忆录</a></li>
                                <li><a href="#">音乐</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[生活]</li>
                                <li><a href="#">旅行</a></li>
                                <li><a href="#">励志</a></li>
                                <li><a href="#">教育</a></li>
                                <li><a href="#">职场</a></li>
                                <li><a href="#">美食</a></li>
                                <li><a href="#">灵修</a></li>
                                <li><a href="#">健康</a></li>
                                <li><a href="#">家居</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[经管]</li>
                                <li><a href="#">经济学</a></li>
                                <li><a href="#">管理</a></li>
                                <li><a href="#">商业</a></li>
                                <li><a href="#">金融</a></li>
                                <li><a href="#">营销</a></li>
                                <li><a href="#">理财</a></li>
                                <li><a href="#">股票</a></li>
                                <li><a href="#">企业史</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                        <div class="cate book-cate">
                            <ul>
                                <li class="cate-label">[科技]</li>
                                <li><a href="#">互联网</a></li>
                                <li><a href="#">编程</a></li>
                                <li><a href="#">交互设计</a></li>
                                <li><a href="#">算法</a></li>
                                <li><a href="#">通信</a></li>
                                <li><a href="#">神经网络</a></li>
                                <li><a href="#">更多</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main">
                <div class="mod">
                    <h2>
                        新书速递 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_self">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="book-list list">
                        <ul>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://img2.doubanio.com/view/subject/m/public/s33997562.jpg" 
                                        data-origin="https://img2.doubanio.com/view/subject/m/public/s33997562.jpg" 
                                        alt="世界上最丑的女人">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">世界上最丑的女...</a>
                                </div>
                                <div class="author">[波兰]奥尔...</div>
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://img3.doubanio.com/view/subject/m/public/s33987410.jpg" 
                                        data-origin="https://img3.doubanio.com/view/subject/m/public/s33987410.jpg" 
                                        alt="天堂主题公园">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">天堂主题公园</a>
                                </div>
                                <div class="author">[美] 乔治·...</div>
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://img1.doubanio.com/view/subject/m/public/s33983628.jpg" 
                                        data-origin="https://img1.doubanio.com/view/subject/m/public/s33983628.jpg" 
                                        alt="十二月十日">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">十二月十日</a>
                                </div>
                                <div class="author">[美] 乔治·...</div>
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://img2.doubanio.com/view/subject/m/public/s33988301.jpg" 
                                        data-origin="https://img2.doubanio.com/view/subject/m/public/s33988301.jpg" 
                                        alt="我们的家">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">我们的家</a>
                                </div>
                                <div class="author">[日] 青山七...</div>
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod">
                    <h2>
                        原创数字作品 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_self">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="book-list list">
                        <ul>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://pic.arkread.com/cover/column/u/62144797.1653873991.jpg!cover_upload.jpg" 
                                        data-origin="https://pic.arkread.com/cover/column/u/62144797.1653873991.jpg!cover_upload.jpg" 
                                        alt="此刻禁止生还">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">此刻禁止生还</a>
                                </div>
                               
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://pic.arkread.com/cover/column/u/61171179.1653606604.jpg!cover_upload.jpg" 
                                        data-origin="https://pic.arkread.com/cover/column/u/61171179.1653606604.jpg!cover_upload.jpg" 
                                        alt="明日开馆">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">明日开馆</a>
                                </div>
                               
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://pic.arkread.com/cover/column/u/62139763.1653649294.jpg!cover_upload.jpg" 
                                        data-origin="https://pic.arkread.com/cover/column/u/62139763.1653649294.jpg!cover_upload.jpg" 
                                        alt="与海王同行">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">与海王同行</a>
                                </div>
                                
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="https://pic.arkread.com/cover/column/u/60873722.1654483804.jpg!cover_upload.jpg" 
                                        data-origin="https://pic.arkread.com/cover/column/u/60873722.1654483804.jpg!cover_upload.jpg" 
                                        alt="很靠近海">
                                    </a>
                                </div>
                                <div class="title">
                                    <a href="#">很靠近海</a>
                                </div>
                                
                                <a href="#" target="_blank" class="bn-link">免费试读</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="anony-music" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="#">音乐</a>
                </h2>
                <div class="side-links nav-anon">
                    <ul>
                        <li>
                            <a href="#">音乐人</a>
                        </li>
                        <li>
                            <a href="#">潮潮豆瓣音乐周</a>
                        </li>
                        <li>
                            <a href="#">金羊毛计划</a>
                        </li>
                        <li>
                            <a href="#">专题</a>
                        </li>
                        <li>
                            <a href="#">排行榜</a>
                        </li>
                        <li>
                            <a href="#">分类浏览</a>
                        </li>
                        <li>
                            <a href="#">乐评</a>
                        </li>
                        <li>
                            <a href="#">豆瓣FM</a>
                        </li>
                        <li>
                            <a href="#">歌单</a>
                        </li>
                        <li>
                            <a href="#">阿比鹿音乐奖</a>
                        </li>
                    </ul>
                </div>
                <div class="apps-list">
                    <ul>
                        <li>
                            <a href="#" class="lnk-icon">
                                <i class="app-icon app-icon-fm"></i>
                            </a>
                            <a href="#">豆瓣FM</a>
                        </li>
                        <li>
                            <a href="#" class="lnk-icon">
                                <i class="app-icon app-icon-artists"></i>
                            </a>
                            <a href="#">豆瓣音乐人</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="side">
                <div class="mod">
                    <h2>
                        本周流行音乐人 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="#" target="_self">更多</a>
                            )
                        </span>
                    </h2>
                    <div class="list1 artist-charts">
                        <ul>
                            <li>
                                <span class="num">1.</span>
                                <div class="pic artist-song-play" data-side="[508351, 456566, 366283]">
                                    <a href="#">
                                        <img src="https://img1.doubanio.com/view/site/small/public/dd6e4eb9ae433ba.jpg" 
                                        data-origin="https://img1.doubanio.com/view/site/small/public/dd6e4eb9ae433ba.jpg" 
                                        width="48">
                                    </a>
                                    <i class="icon icon-play"></i>
                                    <i class="icon icon-stat icon-play"></i>
                                </div>
                                <div class="content">
                                    <a href="#">Yamato Ryou</a>
                                    <div class="desc">
                                        流派: 电子 Electronica
                                        <br>
                                        303人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">2.</span>
                                <div class="pic artist-song-play" data-side="[39619, 205, 206]">
                                    <a href="#">
                                        <img src="https://img2.doubanio.com/view/site/small/public/eaa4d1394c4ad63.jpg" 
                                        data-origin="https://img2.doubanio.com/view/site/small/public/eaa4d1394c4ad63.jpg" 
                                        width="48">
                                    </a>
                                    <i class="icon icon-play"></i>
                                    <i class="icon icon-stat icon-play"></i>
                                </div>
                                <div class="content">
                                    <a href="#">The NONAME</a>
                                    <div class="desc">
                                        流派：摇滚 Rock
                                        <br>
                                        904人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">3.</span>
                                <div class="pic artist-song-play" data-side="[508351, 456566, 366283]">
                                    <a href="#">
                                        <img src="https://img2.doubanio.com/view/site/small/public/716d484e4d455be.jpg" 
                                        data-origin="https://img2.doubanio.com/view/site/small/public/716d484e4d455be.jpg" 
                                        width="48">
                                    </a>
                                    <i class="icon icon-play"></i>
                                    <i class="icon icon-stat icon-play"></i>
                                </div>
                                <div class="content">
                                    <a href="#">LAVA|OX|SEA</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock
                                        <br>
                                        1950人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">4.</span>
                                <div class="pic artist-song-play" data-side="[508351, 456566, 366283]">
                                    <a href="#">
                                        <img src="https://img2.doubanio.com/view/site/small/public/bf91858914c1163.jpg" 
                                        data-origin="https://img2.doubanio.com/view/site/small/public/bf91858914c1163.jpg" 
                                        width="48">
                                    </a>
                                    <i class="icon icon-play"></i>
                                    <i class="icon icon-stat icon-play"></i>
                                </div>
                                <div class="content">
                                    <a href="#">JESSE CHOW</a>
                                    <div class="desc">
                                        流派: 电子 Electronica
                                        <br>
                                        1067人关注
                                    </div>
                                </div>
                            </li>
                            <li>
                                <span class="num">5.</span>
                                <div class="pic artist-song-play" data-side="[508351, 456566, 366283]">
                                    <a href="#">
                                        <img src="https://img3.doubanio.com/view/site/small/public/b50d7235aaef0c0.jpg"                                        " 
                                        data-origin="https://img3.doubanio.com/view/site/small/public/b50d7235aaef0c0.jpg"                                        " 
                                        width="48">
                                    </a>
                                    <i class="icon icon-play"></i>
                                    <i class="icon icon-stat icon-play"></i>
                                </div>
                                <div class="content">
                                    <a href="#">Fading Horizon</a>
                                    <div class="desc">
                                        流派: 摇滚 Rock
                                        <br>
                                        1224人关注
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main">
                <h2>
                    豆瓣新碟榜 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="#" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <div class="album-list list">
                    <ul>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img3.doubanio.com/view/subject/s/public/s34241230.jpg" 
                                data-origin="https://img3.doubanio.com/view/subject/s/public/s34241230.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            1.
                            <a href="#">一些次要的時刻</a>
                        </div>
                        <div class="artist">
                            <a href="#">臥軌的火車 Railway Suicide Train</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>8.1</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img1.doubanio.com/view/subject/s/public/s34227038.jpg" 
                                data-origin="https://img1.doubanio.com/view/subject/s/public/s34227038.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            2.
                            <a href="#">LÜCY</a>
                        </div>
                        <div class="artist">
                            <a href="#">LÜCY</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>7.6</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img1.doubanio.com/view/subject/s/public/s34226878.jpg" 
                                data-origin="https://img1.doubanio.com/view/subject/s/public/s34226878.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            3.
                            <a href="#">DEADLINE</a>
                        </div>
                        <div class="artist">
                            <a href="#">Lil Ghost小鬼</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>6.5</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img2.doubanio.com/view/subject/s/public/s34226343.jpg" 
                                data-origin="https://img2.doubanio.com/view/subject/s/public/s34226343.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            4.
                            <a href="#">調教</a>
                        </div>
                        <div class="artist">
                            <a href="#">陈珊妮 Sandee Chan</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>8.0</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img9.doubanio.com/view/subject/s/public/s34227865.jpg" 
                                data-origin="https://img9.doubanio.com/view/subject/s/public/s34227865.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            5.
                            <a href="#">Harry's House</a>
                        </div>
                        <div class="artist">
                            <a href="#">Harry Styles</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>7.4</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img1.doubanio.com/view/subject/s/public/s34223939.jpg" 
                                data-origin="https://img1.doubanio.com/view/subject/s/public/s34223939.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            6.
                            <a href="#">Twelve Carat Toothache</a>
                        </div>
                        <div class="artist">
                            <a href="#">Post Malone</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>5.3</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img9.doubanio.com/view/subject/s/public/s34241095.jpg" 
                                data-origin="https://img9.doubanio.com/view/subject/s/public/s34241095.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            7.
                            <a href="#">Proof</a>
                        </div>
                        <div class="artist">
                            <a href="#">防弹少年团 방탄소년단 BTS</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>5.7</i>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="https://img2.doubanio.com/view/subject/s/public/s34233012.jpg" 
                                data-origin="https://img2.doubanio.com/view/subject/s/public/s34233012.jpg" 
                                alt="一些次要的時刻" style="width: 80px;max-height:120px">
                            </a>
                        </div>
                        <div class="title">
                            8.
                            <a href="#">Beatbox - The 2nd Album Repackage</a>
                        </div>
                        <div class="artist">
                            <a href="#">NCT DREAM</a>
                        </div>
                        <div class="rating">
                            <span class="allstar40"></span>
                            <i>6.9</i>
                        </div>
                    </li>
                    </ul>
                </div>
                <h2>
                    热卖商品 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                    <span class="pl">
                        &nbsp;(
                            <a href="#" target="_self">更多</a>
                        )
                    </span>
                </h2>
                <div class="programme-list list">
                    <ul>
                        <li>
                            <div class="pic cover">
                                <img src="https://img2.doubanio.com/img/songlist/large/320359-1.jpg" 
                                width="80">
                                <a href="#" target="_blank">
                                    <i></l>
                                </a>
                            </div>
                            <div class="title">中岛美嘉</div>
                        </li>
                        <li>
                            <div class="pic cover">
                                <img src="https://img2.doubanio.com/img/songlist/large/48276122-1.jpg" 
                                width="80">
                                <a href="#" target="_blank">
                                    <i></i>
                                </a>

                            </div>
                            <div class="title">单车</div>
                        </li>
                        <li>
                            <div class="pic cover">
                                <img src="https://img1.doubanio.com/img/songlist/large/2506337-8.jpg" 
                                width="80">
                                <a href="#" target="_blank">
                                    <i></i>
                                </a>

                            </div>
                            <div class="title">Pentatonix</div>
                        </li>
                        <li>
                            <div class="pic cover">
                                <img src="https://img2.doubanio.com/img/songlist/large/6665881-1.jpg" 
                                width="80">
                                <a href="#" target="_blank">
                                    <i></i>
                                </a>
                            </div>
                            <div class="title">eng_music♪</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="anony-market" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="#">豆品</a>
                </h2>
            </div>
            <div class="side">
                <div class="mod">
                    <h2> 热点活动 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.</h2>
                    <ul class="market-topics">
                        <li class="market-topic-item">
                            <a href="#" target="_blank">
                                <div class="market-top-pic" background-image:url(https://img2.doubanio.com/img/files/file-1513305186-3.jpg)></div>
                            </a>
                            <p class="market-topic-footer">
                                <a href="#" target="_blank">我的豆瓣收藏夹里有什么</a>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="mod">
                    <h2>
                        官方小组 &nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.&nbsp;.
                        <span class="pl">
                            &nbsp;(
                                <a href="/gallery/" target="_self">更多</a>
                            )
                        </span>
                    </h2>
                    <ul class="market-group-topics">
                        <li>
                            <p class="market-group-topic-title">
                                <a href="#" target="_blank">
                                    【申请已结束】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」
                                </a>
                            </p>
                            <p class="market-group-topic-footer">
                                <span class="market-group-topic-date">03-07</span>
                                <span class="market-group-topic-amount">685 人参与</span>
                            </p>
                        </li>
                        <li>
                            <p class="market-group-topic-title">
                                <a href="#" target="_blank">
                                    请开麦｜我们很想听听你的心声，期待豆瓣豆品出什么样的产品？
                                </a>
                            </p>
                            <p class="market-group-topic-footer">
                                <span class="market-group-topic-date">06-14</span>
                                <span class="market-group-topic-amount">202 人参与</span>
                            </p>
                        </li>
                        <li>
                            <p class="market-group-topic-title">
                                <a href="#" target="_blank"> 
                                    会员中心上线了「豆瓣遇见你便利贴」,100积分即可兑换
                                </a>
                            </p>
                            <p class="market-group-topic-footer">
                                <span class="market-group-topic-date">02-08</span>
                                <span class="market-group-topic-amount">13 人参与</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>